<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>ajax get请求</title>
		<script src="jquery.js"></script>
	</head>
	<body>
		
		<form action="index.html" method="post" 
		enctype="application/x-www-form-urlencoded">
		<input type="text" name="username" placeholder="输入用户名" value=""/><br><br>
		<input type="password" name="password" placeholder="输入密码" value=""/><br><br>
		<button type="submit" >登录</button>
	</form>
		
	<script>
	//  AJAX   Asynchronous javascript and xml
	//  异步的js和xml
	//  再不重载页面的条件下更新页面数据
	
	$('form').submit(function(ev){
		//阻止默认时间的发生
		ev.preventDefault();
		console.log('已经阻止')
		//获取表单数据，自动将其转化成字符串序列化对
//		name=value&name=value
		var data = $(this).serialize();
		$.post({
			url:'index.html',  //请求路径
			data:data,     //请求数据
			success:function(resData){    //请求成功的回调函数
				//内部参数：服务端返回的响应数据
				
			}
		})
	})
	</script>
	
	</body>
	
</html>

